<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="#one">one</a>
    <a href="#two">two</a>
    <a href="#three">three</a>
    <form class="box" action="">
        <p>
            <label for="">用户名:</label>
            <input type="text" name="user">
            <span class="user_span"></span>
        </p>
        <p>
            <label for="">密&emsp;码:</label>
            <input type="text" name="pwd">
            <span class="pwd_span"></span>
        </p>
        <p>
            <input class="btn" type="submit" value="登录">
        </p>
    </form>
</body>
<script>
    // url
    // https://www.search.jd.com:443/Search?keyword=%E5%8D%8E%E4%B8%BA&enc=utf-8&suggest=1.his.0.0&wq=&pvid=c13be172a11142bf9019bdab0a06640a#one
    // http://121.43.116.41:80/demo/html/index.html

    // http://127.0.0.1:5500/day29/html/09%20url%E7%BB%84%E6%88%90.html?user=zxczxc&pwd=123123#three



    // 1. 协议:  http / https   
    //        http =>超文本传输协议   (是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应)
    //        https => 升级版(加密传输 -> 更安全  得加钱)


    // 2. 域名(ip地址映射)
    // www.search.jd.com      
  

    // 域名后缀  =>   是指代表一个域名类型的符号
    // 域名共分为两类：
    // 国别域名（ccTLD），例如中国的.cn、美国的.us、俄罗斯的.ru
    // 国际通用域名（gTLD），例如.com、.xyz、.top、.wang、pub、.xin、.net等1000多种
    // .com  

    // 域名  => 从右往左看
    // jd          一级域名
    // search.jd   二级域名
    // a.search.jd  三级域名

    // www  万维网

    // 注意: 用户本地也可以搭建服务器 => 局域网可以访问
    // ip: 192.168.51.23   => 127.0.0.1(本机ip)  localhost



    // 3. 端口 => 是设备与外界通讯交流的出口  (服务器就是一台网上电脑  => 也是借助端口在实现通信,不同的端口对应不同的功能)
    // http 默认80
    // https 默认443

    // TCP端口 =>6万多个   => 除了官网使用,剩余的都叫闲置端口


    // 4. 文件路径部分   (路由)
    // /demo/html/index.html

    // 5. 参数数据队列
    // keyword=小米&enc=utf-8&suggest=1.his.0.0&wq=&pvid=c13be172a11142bf9019bdab0a06640a

    // 6. hash值(锚点)
    // 








</script>
</html>